<template>
	<view class="body">
		<view class="card">
			<view class="name">{{detail.productName}}</view>
			<view class="money">{{detail.modifiedPrice}}</view>
			<view class="success">交易成功</view>
			<view class="list">
				<view class="list-1">
					付款方式
				</view>
				<view class="list-2">
					{{detail.payType}}
				</view>
			</view>
			<view class="list">
				<view class="list-1">
					类型
				</view>
				<view class="list-2">
					{{detail.productType}}
				</view>
			</view>
			<view class="list">
				<view class="list-1">
					商品说明
				</view>
				<view class="list-2">
					{{detail.description}}
				</view>
			</view>
			<view class="list">
				<view class="list-1">
					创建时间
				</view>
				<view class="list-2">
					{{detail.createTime}}
				</view>
			</view>
			<view class="list">
				<view class="list-1">
					支付时间
				</view>
				<view class="list-2">
					{{detail.modifiedTime}}
				</view>
			</view>
			<view class="list">
				<view class="list-1">
					订单号
				</view>
				<view class="list-2">
					{{detail.orderNumber}}
				</view>
			</view>
		</view>
		<view class="card">
			<view class="road">
				<view class="road-1">
					账单分类
				</view>
				<view class="road-2">
					>
				</view>
			</view>
			<view class="road">
				<view class="road-1">
					标签和备注
				</view>
				<view class="road-2">
					>
				</view>
			</view>
			<view class="road">
				<view class="road-1">
					查看往来记录
				</view>
				<view class="road-2">
					>
				</view>
			</view>
			<view class="road">
				<view class="road-1">
					AA收款
				</view>
				<view class="road-2">
					>
				</view>
			</view>
			<view class="road">
				<view class="road-1">
					进入生活号
				</view>
				<view class="road-2">
					>
				</view>
			</view>
			<view class="road">
				<view class="road-1">
					对此订单有疑问
				</view>
				<view class="road-2">
					>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				"detail":{}
			}
		},
		 onLoad: async function(option) {
			console.log(option.id);
			const billBean = {
				"bankCardId": 0,
				"couponId": 1,
				"couponName": "",
				"couponValue": 0,
				"createTime": "",
				"description": "",
				"isloan": 0,
				"memberName": "",
				"modifiedPrice": 0,
				"modifiedTime": "",
				"orderNumber": 0,
				"orderType": "",
				"payPassword": "",
				"payType": "",
				"pid": 0,
				"productId": 0,
				"productName": "",
				"productType": "",
				"share": 0,
				"status": 0,
				"transactionFee": 0,
				"transactionNumber": 0
			}
			const res = await this.$http.bill.selectNewOrder(billBean)
			const newres = res.filter(item=>{
				return item.orderNumber==option.id
			})
			console.log(newres);
			this.detail= newres[0]
			console.log(this.detail);
		},
		methods: {
			
		}
	}
</script>

<style>

.card{
	background-color: #FFFFFF;
	width: 700rpx;
	height: 500rpx;
	margin: 40rpx auto;
	border: 1rpx solid #A8A8A8;
	border-radius: 10rpx;
}
.name{
	text-align: center;
	font-size: 20rpx;
	margin-top: 40rpx;
}
.money{
	text-align: center;
	font-size: 50rpx;
	font-weight: bold;
}
.success{
	text-align: center;
	font-size: 30rpx;
}
.list{
	width: 600rpx;
	height: 50rpx;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.list-1{
	font-size: 25rpx;
	color: #CCCCCC;
}
.list-2{
	font-size: 25rpx;
}
.road{
	width: 600rpx;
	height: 40rpx;
	text-align: center;
	margin: 40rpx auto;
	display: flex;
	justify-content: space-between;
}
.road-1{
	font-size: 25rpx;
}
.road-2{
	font-size: 25rpx;
	color: #CCCCCC;
}
</style>
